<%-- 
    Document   : asignarImplementosGuardia
    Created on : 17/11/2010, 10:58:26 AM
    Author     : yngrdyn
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file='../Templates/security.jsp' %>

<script type="text/javascript">
    var ci="";
    var fechaDesde = "";
    var fechaHasta = "";
    var fechaAsist = "";
    var sede = "";

    function listarCIPersonal(){
        $.getJSON("listarCIAsist.do",{fechaAsist:fechaAsist,sede:sede},
            function(data){
            $('#ciAsist').empty();
            var string = "<option value=' '>  </option>";
            $('#ciAsist').append(string);
            $.each(data.CIAsistencia, function(i,item){

                var string = "<option value='"+item.ci+"'>"+item.ci+"</option>";
                $('#ciAsist').append(string);
            });
        });
    }

    function datosAsistencia(){
        $.getJSON("buscarAsist.do",{fechaAsist:fechaAsist, ci:ci},
            function(data){
                $.each(data.Asistencia, function(i,item){
                    document.getElementById("horaLlegada").value=item.hora_llegada;
                    document.getElementById("horaSalida").value=item.hora_salida;

                    listaEspacios(item.nombre_espacio,item.sede);
                    if (item.observ != null)
                        document.getElementById("Observ").value = item.observ;
                });
            });
    }

    function listaEspacios(espacio,nombreSede){
    $('#Espacio').empty();
        var string = "<option value='"+espacio+"'>"+espacio+"</option>";
        $('#Espacio').append(string);
        $.getJSON("nombreEspacios.do",{sede:nombreSede},function(data){
            $.each(data.NombreEspacios,function(i,item){
                string = "<option value='"+item.nombre+
                    "'>"+item.nombre+"</option>";
                $('#Espacio').append(string)
            });
        });

    }

    function setFechaAsist(fechaA){
        fechaAsist = fechaA;
    }

    function setCi(ciE){
        ci = ciE;
    }

    function setSede(sedeU){
        sede = sedeU;
    }

    function deshabilitar(){
        document.getElementById("Espacio").disabled = true;
        document.getElementById("horaLlegada").disabled = true;
        document.getElementById("horaSalida").disabled = true;
        //document.getElementById("Espacio").disabled = true;
    }

    function habilitar(){
        document.getElementById("Espacio").disabled = false;
        document.getElementById("horaLlegada").disabled = false;
        document.getElementById("horaSalida").disabled = false;
        //document.getElementById("Espacio").disabled = true;
    }

    $(function(){
        $('#fecha').datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
        listaSedes();
    });
    function abreVentana(){
        ventAux = window.open("Modulo4/registrarAsistenciaAux1.jsp","Registrar Asistencia", "width=120,height=300")
    }


</script>

<h1 class="title">Asignar Implementos de Guardia</h1>

    <hr>

<p class="meta"></p>
        <div class="entry">
        <center>
         <html:form action="/asignarImpl" styleId="asignarImplementoGuardiaForm"
                    onsubmit="return sendForm('asignarImplementoGuardiaForm', 'asignarImpl','center');">
        <table cellspacing="5">
            <tr>
               <td colspan="2">
                    <bean:write name="modificarAsistenciaForm" property="error" filter="false" />
                    &nbsp;
                </td>
            </tr>

            <tr>
                <td>Fecha de la guardia (dd/mm/aaaa):</td>
                <td><%--<html:text property="fechaG" styleId="fecha" onchange="setFechaAsist(value)"/>--%>
                    <input type="text" name="fechaG" id="fecha" onchange="setFechaAsist(value);" value="<bean:write name="modificarAsistenciaForm" property="fechaG" ignore="true"/>"/>
                </td>
            </tr>
            <tr>
                <td>Sede:</td>
                <td>
                    <select id="Sedes" name="sede" onchange="setSede(value);listarCIPersonal()">
                        <option value="" selected> </option>

                    </select>
                </td>
            </tr>
            <tr>
                <td>C&eacute;dula del empleado:</td>
                <td>
                    <select id="ciAsist" name="ci" onchange="setCi(value);datosAsistencia()">
                        <option value="" selected/>
                    </select>
                </td>
            </tr>


           <tr>
                <td>Tipo de implemento:</td>
                <td>
                    <select id="tipoImpl" name="espacio">
                        <option value="" selected/>
                    </select>
                </td>
           </tr>
           <tr>
                <td>Subtipo de implemento:</td>
                <td>
                    <select id="subtipoImp" name="espacio">
                        <option value="" selected/>
                    </select>
                </td>
           </tr>

        </table>
            <br>

            <html:submit value="Asignar" styleClass="button" styleId="Prueba"/>
                <html:button property="" styleId="Asistencias" value="Atr&aacute;s" />


        </html:form>
        </center>
        </div>
